<template>
    <div class="layer-board-wrap">

        <div class="layout-borad">
            <div class="layout-board-num">1</div>
            <div class="layout-board-num">2</div>
            <div class="layout-board-num">3</div>
            <div class="layout-board-num">4</div>
            <div class="layout-board-num">5</div>
            <div class="layout-board-num">6</div>
            <div class="layout-board-num">7</div>
            <div class="layout-board-num">8</div>
            <div class="layout-board-num">9</div>
            <div class="layout-board-num bg-grey">.</div>
            <div class="layout-board-num">0</div>
            <div class="layout-board-num bg-grey">删除</div>
        </div>
    </div>
</template>

<script>
export default {
    props: {

    },
    methods: {

    }
}
</script>

<style scoped>
    .bg-grey {
        background-color: #BBBFC4;
    }
    .layer-board-wrap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 368px;
        color: #000;
        z-index: 99;
    }
    .layer-board {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .layer-board .layout-board-num {
        height: 92px;
        flex: 0 0 33.3%;
    }
</style>

